<template>
	<view>
		<image src="https://nc.heizixun.com/static/activityBg.png" class="bg" mode="widthFix"></image>
		<view class="data">2025-06-18 ~ 2025-06-30</view>
		<view class="green-bg">
			<view class="rule">
				活动规则:<br>
				邀请好友<br>
				1. 老会员邀请新会员注册活动说明:<br>
				（1）活动参与条件:在浆果晓晓点餐+小程序已注册会员的用户，可邀请未在浆果晓晓点餐+小程序点餐的新用户注册；<br>
				（2）活动参与方式<br>
				①邀请人在小程序点餐+”邀请好友注册”被邀请人点击链接，即可进入浆果晓晓点餐+小程序邀新有礼界面；一个老用户仅可发起1次邀请活动，邀请人数无上限，每人只能获得一次奖励；<br>
				（3）老会员邀请新会员活动奖励说明:<br>
				截止到6月25日17:00期间<br>
				1）邀请好友注册<br>
				老会员邀请新用户注册成为会员:①邀请新会员注册获得:5元饮品通兑券(限量1000份，数量有限，领完即止，先到先得)<br>
				2）新会员注册与消费<br>
				新会员注册奖励:10个积分+5元无门槛券；<br>
				3）奖励到账时间:<br>
				被邀请人成功注册后，无需领取，对应优惠券和积分会自动发放到邀请人账户，可前往小程序【我可前往小程序的-优惠券】查看；<br>
				（4）活动说明：<br>
				①当被邀请人满足以下条件时，您就可成功完成邀请注册：未在浆果晓晓点餐+小程序内授权过手机号信息；接受邀请进入浆果晓晓点单小程序后完成手机号授权注册成会员；<br>
				（5）每个会员 ID可邀请1人参与活动，邀请人数无上限；<br>
				（6）优惠券说明:<br>
				【5元饮品通兑券】<br>
				（1) 凭此券在购买任意饮品（实际优惠价格以门店菜单价为基准计算，小料/分装费/保温袋/隐藏喝法不可用)时，可享5元无门槛优惠；<br>
				（2）该优惠券自到账之日七天内有效，过期自动作废，不退不补，不可转赠；<br>
				（3）此券仅限“浆果晓晓点餐”小程序端(含微信/支付宝)自提时使用;<br>
				（4）此活动优惠券限一次性使用，单笔订单限使用1张，不兑换现金、不开票、不找零、不与其他优惠券优惠活动同享；<br>
				（5）此券抵扣金额不累计积分；抵扣金额不再提供发票:若发生优惠券抵扣订单退款时，该优惠券将退回至【“浆果晓晓点餐”小程序-优惠券】，抵扣金额不予退回；<br>
				【5元无门槛券】<br>
				（1)凭此券在购买任意饮品（实际优惠价<br>
				格以门店菜单价为基准计算，小料/分装费/保温<br>
				袋/隐藏喝法不可用)时，可享5元无门槛优惠；<br>
				(2)该优惠券自到账之日起七天内有效，过期自动作废，不退不补，不可转赠；<br>
				(3）此券仅限“浆果晓晓点餐+”小程序端(含<br>
				微信/支付宝)自提时使用;<br>
				(4）此活动优惠券限一次性使用，单笔订单限使用1张，不兑换现金、不开票、不找零、不与其他优惠券优惠活动同享；<br>
				(5)此券抵扣金额不累计浆果币；抵扣金额不再提供发票；若发生优惠券抵扣订单退款时，该优惠券将退回至【“浆果晓晓点餐+”小程序-优惠券】抵扣金额不予退回；<br>
				2. 新会员注册成功活动说明:<br>
				(1）奖励说明:10个积分+5元无门槛券<br>
				(2）当新会员通过点击老会员邀请链接进入小程序并注册成功，即可获得奖励，对应优惠券和积分会自动发放到被邀请人账户，可前往小程序【我的】/【浆果魔法铺】/【优惠券列表】查看使用；<br>
				3.任何参与活动的用户不得修改页面参数，或者以任何机器人软件、爬虫软件、刷屏软件、利用系统漏洞以及任何非人工方式或是通过反复注销注册账号的方式参与活动一经发现立即取消参与和领奖资格，且该用户于活动中获得的奖励全部回收；特别说明:该活动所涉及消费订单退单后无效，一经发现将作废所有优惠券奖励及冻结账户会员资产；
			</view>
		</view>

		<view class="btn u-flex-center" @click="oldInvite" v-if="userInfo.invitee_id > 0">
			立即邀请
		</view>
		<button class="btn u-flex-center" open-type="share" v-else>
			立即邀请
		</button>
	</view>
</template>

<script>
	import * as UserApi from '@/api/user'
	export default {
		data() {
			return {
				userId: null,
				userInfo: {},
			}
		},

		/**
		 * 生命周期函数--监听页面加载
		 */
		onShow() {
			this.userId = uni.getStorageSync('userId')
			if (!this.userId) {
				// 弹窗告诉用户去登录
				uni.showModal({
					title: '温馨提示',
					content: '此时此刻需要您登录喔~',
					// showCancel: false,
					confirmText: "去登录",
					cancelText: "再逛会",
					success: res => {
						if (res.confirm) {
							uni.navigateTo({
								url: "/pages/login/index"
							})
						}
						if (res.cancel && getCurrentPages().length > 1) {
							uni.navigateBack()
						}
					}
				})
			} else {
				// 获取当前用户信息
				this.getUserInfo()
			}
		},

		methods: {
			// 获取当前用户信息
			getUserInfo() {
				const app = this
				UserApi.info()
					.then(result => {
						this.userInfo = result.data.userInfo
					})
			},
			// 老用户邀请过了
			oldInvite() {
				uni.showToast({
					title: '您已经邀请过了，没有机会了哦~',
					icon: 'none'
				})
			}
		},
		/**
		 * 设置分享内容
		 */
		onShareAppMessage() {
			return {
				title: '邀请有礼',
				path: '/pages/user/activity/manager?userId=' + uni.getStorageSync('userId')
			}
		},

		/**
		 * 分享到朋友圈
		 */
		onShareTimeline() {
			return {
				title: '邀请有礼',
				path: '/pages/user/activity/manager?userId=' + uni.getStorageSync('userId')
			}
		}
	}
</script>
<style>
	page {
		background: #fff;
	}
</style>
<style lang="scss" scoped>
	.bg {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}

	.data {
		position: absolute;
		right: 110rpx;
		z-index: 2;
		color: #fff;
		top: 933rpx;
		font-size: 26rpx;
	}


	.green-bg {
		background: #dafe88;
		padding-bottom: 140rpx;

		.rule {
			background: #fff;
			border-radius: 20rpx;
			padding: 20rpx 30rpx;
			width: 94%;
			margin: 0 auto;
			margin-top: 1100rpx;
			position: relative;
			line-height: 45rpx;
			white-space: normal;
			/* 确保 <br> 生效 */
			/* 保留换行符，合并连续空格 */
		}
	}

	.btn {
		width: 80%;
		height: 80rpx;
		color: #fff;
		background: #70c215;
		position: fixed;
		bottom: 40rpx;
		left: 0;
		right: 0;
		margin: 0 auto;
		border-radius: 50rpx;
	}

	button {
		background: none;
		/* 移除背景色 */
		border: none;
		/* 移除边框 */
		padding: 0;
		/* 移除内边距 */
		margin: 0;
		/* 移除外边距 */
		font: inherit;
		/* 继承字体 */
		cursor: pointer;
		/* 鼠标悬停时显示手型 */
		color: inherit;
		/* 继承文字颜色 */
	}
</style>